import Vue from 'vue'
import App from './App.vue'
// 导入router文件夹 index.js里面的路由文件(路由注入 第5步的)
import router from './router'

// ---------------------------------------------------------------
// 导入Vant组件库
// import Vant from 'vant'
// 6月29号-------------------6月29号-----------------------
// 导入Vant Lazyload和注册 图片懒加载插件
// 注意 Lazyload组件要和上面得Vant组件库一起导入,不然就会报错,所以上面得import Vant from 'vant'注释了
// 注意Vant默认没有整合,所以需要自己导入加注册
import Vant, { Lazyload } from 'vant'
// 导入全局过滤器 注意不需要注册,记住导入的写法
import './filters/filters'

// 组件库样式
import 'vant/lib/index.css'
// 直接导入就行
// 自动计算rem的大小
import 'amfe-flexible'

// 导入自己写的通用文件 (如果有easyless插件就会生成一个css文件  所以记得删除就行 要导入的是less)
// 然后 在安装 npm i postcss-pxtorem@5.1.1 -D  xp自动转换rem的 插件
import './style/base.less'

// 6月21号--------6月21号----------使用6月24号-------------------------
// 导入 vuex
// 在项目的根目录下 vue add vuex 安装后自动导入(会生成一个store文件夹 里面index.js可以写方法和数据)
// 然后任意组件都能拿到index.js里面的数据 语法 this.$store.state.xxx 即可`取值`和`改值`(template 中可以不用写this)
// 作用某些数据需要多个页面共享的话可以使用`vuex`来处理
// 让数据可以轻易的在所有的组件的中`共享`
import store from './store'

// 注册组件库
Vue.use(Vant)
// 注册懒加载组件6月29号
Vue.use(Lazyload)

// ---------------------------------------------------------------
// 导包不能放在这句代码下面
Vue.config.productionTip = false

new Vue({
  // 挂载路由
  router,
  // 自动挂载到Vue实例上
  store,
  render: h => h(App)
}).$mount('#app')
